/*头部*/
header{
	width: 100%;
	height: 1.5rem;
	border-bottom: 1px solid #D5D5D5;
}
header .warp{
	width: 100%;
	height: 1.5rem;
	position: fixed;
	top:0;
	left: 0;
	z-index: 2;
	background: #FFF;
}
/*顶部标题部分*/
.header{
	height: 1.5rem;
	text-align: center;
	border-bottom: 1px solid #D5D5D5;
}
.header .back{
	display: block;
	float: left;
	width: 0.3rem;
	height: 0.4rem;
	margin-top: 0.6rem;
	background: url(../images/back_mobile.png) center center no-repeat;
	background-size: 79%;
	margin-left: 0.3rem;
}
.header .title{
	display: inline-block;
	font: 500 0.5rem/1.5rem "微软雅黑";
	color: #000000;
}
.header .share{
	width: 0.7rem;
	height: 0.5rem;
	background: url(../images/share_mobile.png) center center no-repeat;
	background-size: 80%;
	display: block;
	float: right;
	margin-top: 0.5rem;
	margin-right: 0.3rem;
}
/*导航*/
nav{
	width: 100%;
	height: 1.5rem;
	background: #FFF;
}
nav ul{
	width: 95%;
	margin:0 auto;
}
nav li{
	float: left;
	padding:0 0.1rem;
}
nav li a{
	font:0.4rem/1.5rem "微软雅黑";
	padding:0.3rem 0.27rem;
}
nav li .current{
	color: #0079CC;
	border-bottom: 2px solid #0079CC;
}
/*banner*/
.banner{
	height: 4.72rem;
}
/*主要内容*/
/*金牌团*/
.main{
	width: 100%;
}
.gold,.aomao{
	width: 100%;
	padding-bottom: 0.1rem;
	margin-bottom: 0.2rem;
}
.main h3{
	height: 1rem;
	font: 500 0.7rem/0.7rem "微软雅黑";
	border-bottom: 1px solid #DDD;
	position: relative;
	margin-bottom: 2rem;
}
.main h3 span{
	height: 0.5rem;
	padding:0 2%;
	display: inline-block;
	position: absolute;
	left: 37%;
	bottom: -0.1rem;
	background: #EDEDED;
}
.main h3 em{
	height: 1rem;
	width: 6rem;
	display: block;
	background: url(../images/tj_mobile.png) center center no-repeat;
	background-size: 100%;
	position: absolute;
	bottom: -1.5rem;
	left: 50%;
	margin-left: -3rem;
}
.gold li{
	width: 100%;
	margin-bottom: 0.3rem;
	background: #fff;
}
.goldPic{
	display: block;
	width: 50%;
	float: left;
}
.goldPic img{
	width: 100%;
}
.goldTxt{
	padding: 0.3rem 0.15rem;
	width: 49%;
	float: right;
	font-size: 0.4rem;
}
.goldTxt .up{
	display: block;
	height: 1.2rem;
	overflow: hidden;
    color: #000;
    border-bottom: 1px #808080 dashed;
}
.goldTxt .up em{
	color: #F33066;
}
.goldTxt .fun{
	display: block;
	font-size: 0.3rem;
	padding-top: 0.1rem;
}
.goldTxt .price{
	color: #999;
	font-size: 0.3rem;
	display: block;
	margin-bottom: 0.2rem;
}
.goldTxt .price b{
	color: #F33066;
}
.goldTxt .price .big{
	font-size: 0.5rem;
}
.goldTxt .price s{
	margin:0 0.1rem;
}
.goldTxt .sbtn{
	display: block;
	height: 0.9rem;
	padding-top: 0.1rem;
}
.goldTxt .sbtn .ye{
	background:#F6AC19;
}
.goldTxt .sbtn .gr{
	background:#7BBE31;
}
.goldTxt .sbtn u{
	color: #FFF;
	text-decoration: none;
	display: block;
	float: left;
	border-radius: 3px;
	font-size: 0.3rem;
	padding:0 0.1rem;
	margin-right: 0.2rem;
	margin-top: 0.2rem;
}
.goldTxt .sbtn input{
	width: 1rem;
    height: 1rem;
    float: right;
	background: url(../images/icon_mobile.png) center center no-repeat;
	background-size: 100%;
	margin-top: -0.2rem;
}
/*澳猫团*/
.aomao h3 em{
	background-image: url(../images/mtj_mobile.png);
}
.aomao ul{
	width: 95%;
	margin: 0 auto;
}
.aomao li{
	width: 49%;
	float: left;
	background: #fff;
	margin-bottom: 0.2rem;
}
.aomao li:nth-of-type(2n){
	float: right;
}
.aomao li a{
	width: 100%;
	display: block;
}
/*澳猫团产品图*/
.aomaoPic{
	display: block;
	height: 4.5rem;
	width: 100%;
}
.aomaoPic img{
	width: 100%;
}
/*澳猫团文字*/
.aomaoTxt{
	width: 95%;
	display: block;
	margin:0 auto;
	padding:0.2rem 0;
}
.aomaoTxt .price{
	display: block;
	height: 1.2rem;
	font: 0.3rem/1.2rem "微软雅黑";
	border-bottom: 1px dashed #B5B5B5;
	overflow: hidden;
}
.aomaoTxt .price .left{
	float: left;
	display: block;
}
.aomaoTxt .price .left b{
	color: #F33066;
	margin-right: 0.1rem;
}
.aomaoTxt .price .left .big{
	font-size: 0.6rem;
}
.aomaoTxt .price .right{
	display: block;
	float: right;
	height: 0.6rem;
	padding:0 0.2rem;
	margin-top: 0.3rem;
	font: 0.3rem/0.6rem "微软雅黑";
	background: #F33066;
	color: #fff;
}
.aomaoTxt .pro{
	display: block;
	overflow: hidden;
	font: 0.4rem/0.6rem "微软雅黑";
	color: #000;
	width: 100%;
	height: 1.45rem;
	padding-top: 0.2rem;
}
.nomore{
	height: 2rem;
	background: #fff;
	font: 500 0.5rem/2rem "微软雅黑";
	color: #808080;
	border-bottom: 1px solid #C2C2C2;
	text-align: center;
}
.footer{
	height: 1.565rem;
	background: #fff;
	font: 0.3rem/0.6rem "微软雅黑";
	text-align: center;
	color: #848484;
	padding-top: 0.3rem;
}
/*底部*/
.foot{
	width: 100%;
	position: fixed;
	bottom:0;
	left: 0;
	height: 1.547rem;
}
footer{
	height: 100%;
	background: #fff;
	border-top: 1px solid #B1B1B0;
}
footer ul{
	width: 100%;
	position: relative;
	padding:3px 0;
	height: 100%;
	text-align: center;
}
footer ul li{
	font: 0.4rem "微软雅黑";
	display:inline-block;
	width: 18%;
	height: 100%;
	position: relative;
}
footer .round em{
	width: 0.3rem;
    height: 0.3rem;
    display: block;
    background: #F33066;
    border-radius: 50%;
    position: absolute;
    right: 18%;
    top: 0%;
}
.icon{
	padding-top: 5%;
	width: 100%;
	height: 100%;
}
.icon a{
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/hover1_mobile.png) top center no-repeat;
	background-size: 70%;
}
footer ul li:nth-of-type(2){
	padding-top: 0.02rem;
}
footer ul li:nth-of-type(2) a{
	background-image: url(../images/hover2_mobile.png);
}
footer ul li:nth-of-type(3){
	padding-top: 0.07rem;
}
footer ul li:nth-of-type(3) a{
	background-image: url(../images/hover3_mobile.png);
}
footer ul li:nth-of-type(4){
	padding-top: 0.04rem;
}
footer ul li:nth-of-type(4) a{
	background-image: url(../images/hover4_mobile.png);
}
footer ul li:nth-of-type(5) a{
	background-image: url(../images/hover5_mobile.png);
}
.icon a.checked{
	background-position: bottom center;
}
/*返回顶部*/
.top{
	width: 1rem;
	height: 1rem;
	position: fixed;
	bottom: 2rem;
	right: 0.5rem;
	display: none;
}
.top img{
	width: 100%;
	opacity: 0.9;
}
/*模态窗口*/
.mode{
	width:100%;
	background:rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
}
.sharedw{
	height: 5rem;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background: #fff;
	z-index: 4;
	padding:0.5rem;
}
.sharedw li{
	height: 1rem;
	width: 1rem;
	float: left;
	margin-right: 1.66rem;
	margin-bottom: 0.5rem;
}
.sharedw li.mrn{
	margin-right: 0;
}
.sharedw li a{
	height: 1rem;
	width: 1rem;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
}
.sharedw li:nth-of-type(1) a{
	background-image: url(../images/qqicon_mobile.png);
}
.sharedw li:nth-of-type(2) a{
	background-image: url(../images/weixinico_mobile.png);
}
.sharedw li:nth-of-type(3) a{
	background-image: url(../images/badico_mobile.png);
}
.sharedw li:nth-of-type(4) a{
	background-image: url(../images/sinaico_mobile.png);
}
.sharedw li:nth-of-type(5) a{
	background-image: url(../images/tecico_mobile.png);
}